<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>app</title>
    <!-- <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    /> -->
  </head>
  <body>
    <div id="app"></div>

    <!-- 引入在线的cdn包 -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.min.js"></script>
    <script src="https://unpkg.com/vue-router@3.0.1/dist/vue-router.min.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
  </body>
  <script>
    function setRem() {
      var w = window.innerWidth
      //最大宽度限制
      if (w > 750) {
        w = 750
      }
      //设置rem大小
      document.documentElement.style.fontSize = w / 10 + 'px'
    }

    setRem()

    //监听浏览器窗口尺寸变化
    window.onresize = setRem
  </script>
</html>
